<!--<template>-->

<!--  <div class="window taskmgr">-->
<!--    <div class="content" id="win-taskmgr" style="height:100%">-->
<!--      <div class="main">-->
<!--        <div class="cnt processes show">-->
<!--          <div class="tit">-->
<!--            <p>进程</p>-->
<!--            <hr>-->
<!--          </div>-->
<!--          <table>-->
<!--            <thead>-->
<!--            <tr class="title">-->
<!--              <th>进程名称</th>-->
<!--              <th class="align-right" @click="apps.taskmgr.changeSort(this.childNodes[0], 'cpu');"><i-->
<!--                  class="bi bi-chevron-down"></i>-->
<!--                <div class="value">11.4%</div>-->
<!--                CPU-->
<!--              </th>-->
<!--              <th class="align-right"  @click="apps.taskmgr.changeSort(this.childNodes[0], 'memory');"><i-->
<!--                  class="bi"></i>-->
<!--                <div class="value">11.4%</div>-->
<!--                内存-->
<!--              </th>-->
<!--              <th class="align-right" @click="apps.taskmgr.changeSort(this.childNodes[0], 'disk');"><i class="bi"></i>-->
<!--                <div class="value">11.4%</div>-->
<!--                硬盘-->
<!--              </th>-->
<!--              <th class="power">电源使用情况</th>-->
<!--            </tr>-->
<!--            </thead>-->
<!--            <tbody class="view">-->
<!--            &lt;!&ndash; 进程信息 &ndash;&gt;-->
<!--            </tbody>-->
<!--          </table>-->
<!--        </div>-->
<!--        <div class="cnt 404">-->
<!--          <div class="content" style="display: flex;-->
<!--  justify-content: center; align-items: center; height: 100%; width: 100%;-->
<!--  flex-direction: column; text-align: center">-->
<!--            <p><b>无筛选结果</b><br/>请尝试使用其他名称、发布者或 PID 键入以进行筛选。</p>-->
<!--            <br/>-->
<!--            <a @click="search_reset" style="cursor: pointer;color:#2983cc;">重置筛选器</a>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="cnt performance"  style="display: none;">-->
<!--          <div class="tit">-->
<!--            <p>性能</p>-->
<!--            <hr>-->
<!--          </div>-->
<!--          <div class="content">-->
<!--            <div class="select-menu">-->
<!--              <div  @click="apps.taskmgr.graph('graph-cpu')" class="graph-cpu check">-->
<!--                <div class="left">-->
<!--                  <svg class="graph-view-cpu" viewBox="0 0 6000 1000" preserveAspectRatio="none"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="right">-->
<!--                  <div class="tit">CPU</div>-->
<!--                  <div class="data">-->
<!--                    <div class="value1">11.4%</div>-->
<!--                    <div class="value2">10GHz</div>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div @click="apps.taskmgr.graph('graph-memory');" class="graph-memory">-->
<!--                <div class="left">-->
<!--                  <svg class="graph-view-memory" viewBox="0 0 6000 1000" preserveAspectRatio="none"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="right">-->
<!--                  <div class="tit">内存</div>-->
<!--                  <div class="data">-->
<!--                    <div class="value1">11.4 / 100GB</div>-->
<!--                    <div class="value2">11.4%</div>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div @click="apps.taskmgr.graph('graph-disk');" class="graph-disk">-->
<!--                <div class="left">-->
<!--                  <svg class="graph-view-disk" viewBox="0 0 6000 1000" preserveAspectRatio="none"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="right">-->
<!--                  <div class="tit">磁盘</div>-->
<!--                  <div class="data">-->
<!--                    <div class="tit">SSD</div>-->
<!--                    <div class="value2">1.14%</div>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div @click="apps.taskmgr.graph('graph-wifi');" class="graph-wifi">-->
<!--                <div class="left">-->
<!--                  <svg class="graph-view-wifi" viewBox="0 0 6000 1000" preserveAspectRatio="none"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="right">-->
<!--                  <div class="tit">Wi-Fi</div>-->
<!--                  <div class="data">-->
<!--                    <div class="tit">WLAN</div>-->
<!--                    <div class="value2">发送: 1145 接收: 1145 Mbps</div>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div @click="apps.taskmgr.graph('graph-gpu');" class="graph-gpu">-->
<!--                <div class="left">-->
<!--                  <svg class="graph-view-gpu" viewBox="0 0 6000 1000" preserveAspectRatio="none"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="right">-->
<!--                  <div class="tit">GPU 0</div>-->
<!--                  <div class="data">-->
<!--                    <div class="tit">NBidia GeForce RTX 4090Ti</div>-->
<!--                    <div class="value2">1%</div>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="performance-graph">-->
<!--              <div class="graph-cpu show">-->
<!--                <div class="tit">-->
<!--                  <div class="left-name">CPU</div>-->
<!--                  <div class="right-message">The Wandering Earth (R) NB (R) Quantum Chip 550W @ 8192</div>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">% 利用率</div>-->
<!--                  <div class="right">100%</div>-->
<!--                </div>-->
<!--                <div class="graph" title="CPU活动">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="graph-msg bottom">-->
<!--                  <div class="left">60 秒</div>-->
<!--                  <div class="right">0</div>-->
<!--                </div>-->
<!--                <div class="information">-->
<!--                  <div class="left">-->
<!--                    <div>-->
<!--                      <div class="top">利用率</div>-->
<!--                      <div class="value">11.4%</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">速度</div>-->
<!--                      <div class="value">1024.53 GHz</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">进程</div>-->
<!--                      <div class="value">1145</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">线程</div>-->
<!--                      <div class="value">114514</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">句柄</div>-->
<!--                      <div class="value">114514191918</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">正常运行时间</div>-->
<!--                      <div class="value">0:11:45:14</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="right">-->
<!--                    <table>-->
<!--                      <tbody>-->
<!--                      <tr>-->
<!--                        <td>基准速度:</td>-->
<!--                        <td>10.0 GHz</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>插槽:</td>-->
<!--                        <td>1</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>内核:</td>-->
<!--                        <td>32</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>逻辑处理器:</td>-->
<!--                        <td>32</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>虚拟化:</td>-->
<!--                        <td>已启用</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>L1缓存:</td>-->
<!--                        <td>512 MB</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>L2缓存:</td>-->
<!--                        <td>2.1 GB</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>L3缓存:</td>-->
<!--                        <td>5.5 GB</td>-->
<!--                      </tr>-->
<!--                      </tbody>-->
<!--                    </table>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="graph-memory">-->
<!--                <div class="tit">-->
<!--                  <div class="left-name">内存</div>-->
<!--                  <div class="right-message">100GB</div>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">内存使用量</div>-->
<!--                  <div class="right">100GB</div>-->
<!--                </div>-->
<!--                <div class="graph" title="使用中">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="graph-msg bottom">-->
<!--                  <div class="left">60 秒</div>-->
<!--                  <div class="right">0</div>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">内存组合</div>-->
<!--                </div>-->
<!--                <div class="graph2 minor"-->
<!--                     style="margin-bottom: 10px; border: 1px #660099 solid; height: 35px !important">-->
<!--                  <div class="chart" style="background-color: #66009922;"></div>-->
<!--                </div>-->
<!--                <div class="information">-->
<!--                  <div class="left">-->
<!--                    <div>-->
<!--                      <div class="top">使用中(已压缩)</div>-->
<!--                      <div class="value">11.4 GB</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">可用</div>-->
<!--                      <div class="value">88.6 GB</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">已提交</div>-->
<!--                      <div class="value">12 / 100 GB</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">已缓存</div>-->
<!--                      <div class="value">5.5 GB</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">分页缓冲池</div>-->
<!--                      <div class="value">1 GB</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">非分页缓冲池</div>-->
<!--                      <div class="value">365 MB</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="right">-->
<!--                    <table>-->
<!--                      <tbody>-->
<!--                      <tr>-->
<!--                        <td>速度:</td>-->
<!--                        <td>4514MHz</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>已使用插槽:</td>-->
<!--                        <td>2 / 2</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>外形规格:</td>-->
<!--                        <td>Row of chips</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>为硬件保留的内存：</td>-->
<!--                        <td>200MB</td>-->
<!--                      </tr>-->
<!--                      </tbody>-->
<!--                    </table>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="graph-disk">-->
<!--                <div class="tit">-->
<!--                  <div class="left-name">磁盘 0 (C: D:)</div>-->
<!--                  <div class="right-message">NB++ 360G</div>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">活动时间</div>-->
<!--                  <div class="right">100%</div>-->
<!--                </div>-->
<!--                <div class="graph" title="磁盘处理读取或写入请求的时间百分比">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="graph-msg bottom">-->
<!--                  <div class="left">60 秒</div>-->
<!--                  <div class="right">0</div>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">磁盘传输速率</div>-->
<!--                  <div class="right">100 MB/秒</div>-->
<!--                </div>-->
<!--                <div class="graph2 minor"-->
<!--                     style="margin-bottom: 10px; height: 70px !important; min-height: 70px !important;">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                       xmlns="http://www.w3.org/2000/svg" style="width: 100% !important; height: 100% !important"></svg>-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="information">-->
<!--                  <div class="left">-->
<!--                    <div>-->
<!--                      <div class="top">活动时间</div>-->
<!--                      <div class="value">1.14%</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">平均响应时间</div>-->
<!--                      <div class="value">0.014 毫秒</div>-->
<!--                    </div>-->
<!--                    <div style="border-left: 2px #008000 solid; padding-left: 10px;">-->
<!--                      <div class="top">读取速度</div>-->
<!--                      <div class="value">14 KB/秒</div>-->
<!--                    </div>-->
<!--                    <div style="border-left: 2px #008000 dotted; padding-left: 10px;">-->
<!--                      <div class="top">写入速度</div>-->
<!--                      <div class="value">114 KB/秒</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="right">-->
<!--                    <table>-->
<!--                      <tbody>-->
<!--                      <tr>-->
<!--                        <td>容量:</td>-->
<!--                        <td>359 GB</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>已格式化:</td>-->
<!--                        <td>359 GB</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>系统磁盘:</td>-->
<!--                        <td>是</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>页面文件:</td>-->
<!--                        <td>是</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>类型:</td>-->
<!--                        <td>SSD</td>-->
<!--                      </tr>-->
<!--                      </tbody>-->
<!--                    </table>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="graph-wifi">-->
<!--                <div class="tit">-->
<!--                  <div class="left-name">Wi-Fi</div>-->
<!--                  <div class="right-message">NB Wireless LAN 802.11ac</div>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">吞吐量</div>-->
<!--                  <div class="right">100 Mbps</div>-->
<!--                </div>-->
<!--                <div class="graph" title="此网络上的发送和接收活动">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="graph-msg bottom">-->
<!--                  <div class="left">60 秒</div>-->
<!--                  <div class="right">0</div>-->
<!--                </div>-->
<!--                <div class="information">-->
<!--                  <div class="left">-->
<!--                    <div>-->
<!--                      <div class="top">发送</div>-->
<!--                      <div class="value">114 Mbps</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">接收</div>-->
<!--                      <div class="value">114 Mbps</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="right">-->
<!--                    <table>-->
<!--                      <tbody>-->
<!--                      <tr>-->
<!--                        <td>适配器名称:</td>-->
<!--                        <td>WLAN</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>SSID:</td>-->
<!--                        <td>NB Network</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>连接类型:</td>-->
<!--                        <td>802.11ac</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>IPv4地址:</td>-->
<!--                        <td>114.514.19.81</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>IPv6地址:</td>-->
<!--                        <td>2CBB::2CBB:2CBB:2CBB:2CBB</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>信号强度:</td>-->
<!--                        <td>-->
<!--                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="4.4 4.4 26.2 31.2" width="1.45em"-->
<!--                               height="1.4em">-->
<!--                            <path-->
<!--                                d="M 5 25 L 5 35 L 10 35 L 10 25 L 5 25 M 10 20 L 10 35 L 15 35 L 15 20 L 10 20 M 15 15 L 20 15 L 20 35 L 15 35 L 15 15 M 20 10 L 25 10 L 25 35 L 20 35 L 20 10 M 25 5 L 25 35 L 30 35 L 30 5 L 25 5"-->
<!--                                stroke="#8e5829" stroke-width="0.6" fill="#8e582988"/>-->
<!--                          </svg>-->
<!--                        </td>-->
<!--                      </tr>-->
<!--                      </tbody>-->
<!--                    </table>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="graph-gpu">-->
<!--                <div class="tit">-->
<!--                  <div class="left-name">GPU</div>-->
<!--                  <div class="right-message">NBidia GeForce RTX 9090Ti</div>-->
<!--                </div>-->
<!--                <div class="graphs">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="usage" style="display: none;"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                  <div class="graph1">-->
<!--                    <div class="title-gpu">3D</div>-->
<!--                    <div class="chart">-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="graph2">-->
<!--                    <div class="title-gpu">Copy</div>-->
<!--                    <div class="chart">-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="graph3">-->
<!--                    <div class="title-gpu">Video Decode</div>-->
<!--                    <div class="chart">-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="graph4">-->
<!--                    <div class="title-gpu">Video Processing</div>-->
<!--                    <div class="chart">-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                      <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                           xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">专用 GPU 内存利用率</div>-->
<!--                  <div class="right">16 GB</div>-->
<!--                </div>-->
<!--                <div class="graph gpu2-1 minor" style="height: 70px !important; min-height: 70px !important;"-->
<!--                     title="专用 GPU 内存利用率">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="graph-msg top">-->
<!--                  <div class="left">共享 GPU 内存利用率</div>-->
<!--                  <div class="right">32 GB</div>-->
<!--                </div>-->
<!--                <div class="graph gpu2-2 minor"-->
<!--                     style="height: 70px !important; min-height: 70px !important; margin-bottom: 10px"-->
<!--                     title="共享 GPU 内存利用率">-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="chart"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                  <svg viewBox="0 0 6000 1000" preserveAspectRatio="none" class="bg"-->
<!--                       xmlns="http://www.w3.org/2000/svg"></svg>-->
<!--                </div>-->
<!--                <div class="information">-->
<!--                  <div class="left">-->
<!--                    <div>-->
<!--                      <div class="top">利用率</div>-->
<!--                      <div class="value">1.1%</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">专用 GPU 内存</div>-->
<!--                      <div class="value">0.1 GB / 2 GB</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">共享 GPU 内存</div>-->
<!--                      <div class="value">1.1 GB / 16 GB</div>-->
<!--                    </div>-->
<!--                    <div>-->
<!--                      <div class="top">GPU 内存</div>-->
<!--                      <div class="value">1.2 / 18 GB</div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="right">-->
<!--                    <table>-->
<!--                      <tbody>-->
<!--                      <tr>-->
<!--                        <td>驱动程序版本:</td>-->
<!--                        <td>11.45.14.19</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>驱动程序日期:</td>-->
<!--                        <td>2023 / 4 / 1</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>DirectX 版本</td>-->
<!--                        <td>12 (FL 12.1)</td>-->
<!--                      </tr>-->
<!--                      <tr>-->
<!--                        <td>物理位置:</td>-->
<!--                        <td>PCI 总线 0、设备 14 、功能 0</td>-->
<!--                      </tr>-->
<!--                      </tbody>-->
<!--                    </table>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->

<!--      </div>-->
<!--    </div>-->
<!--  </div>-->

<!--</template>-->


<!--<script setup lang="js">-->
<!--import  $ from 'jquery'-->
<!--import {inject} from 'vue'-->
<!--import  {taskmgrTasks} from "../utils/task"-->
<!--let search = inject('searchQuery')-->
<!--const search_reset = () => {-->
<!--  search.value = ''-->
<!--}-->
<!--const apps = {-->
<!--  taskmgr: {-->
<!--    sortType: 'cpu',-->
<!--    sortOrder: 'up-down',-->
<!--    tasks: structuredClone(taskmgrTasks),-->
<!--    cpu: 0,-->
<!--    cpuChart: null,-->
<!--    cpuBg: null,-->
<!--    memory: 0,-->
<!--    memoryChart: null,-->
<!--    memoryBg: null,-->
<!--    memory2Elt: null,-->
<!--    cpuRunningTime: 0,-->
<!--    disk: 0,-->
<!--    diskChart: null,-->
<!--    diskBg: null,-->
<!--    disk2Chart: null,-->
<!--    disk2Bg: null,-->
<!--    diskSpeed: {-->
<!--      read: 0,-->
<!--      write: 0-->
<!--    },-->
<!--    wifi: {-->
<!--      receive: 0,-->
<!--      send: 0-->
<!--    },-->
<!--    wifiChart: null,-->
<!--    wifiBg: null,-->
<!--    gpu: {-->
<!--      d3: 0,-->
<!--      copy: 0,-->
<!--      videod: 0,-->
<!--      videop: 0,-->
<!--      usage: 0-->
<!--    },-->
<!--    gpuChart: [null, null, null, null],-->
<!--    gpuBg: [null, null, null, null],-->
<!--    gpu2Chart: [null, null],-->
<!--    gpu2Bg: [null, null],-->
<!--    gpuMemory: {-->
<!--      private: 0,-->
<!--      public: 0-->
<!--    },-->
<!--    gpu3Chart: null,-->
<!--    processList: [],-->
<!--    handle: 0,-->
<!--    foldHide: false,-->
<!--    delay: 0,-->
<!--    remove: () => {-->
<!--      apps.taskmgr.loaded = false;-->
<!--      window.clearInterval(apps.taskmgr.handle);-->
<!--      if (apps.taskmgr.preLoaded == true) {-->
<!--        apps.taskmgr.preLoaded = false;-->
<!--        apps.taskmgr.load(false);-->
<!--      }-->
<!--      else {-->
<!--        apps.taskmgr.preLoaded = false;-->
<!--      }-->
<!--    },-->
<!--    init: () => {-->
<!--      window.setTimeout(() => {-->
<!--        $('#win-taskmgr>.menu>list.focs>a')[0].click();-->
<!--      }, 200);-->
<!--    },-->
<!--    fold: () => {-->
<!--      if (!apps.taskmgr.foldHide) {-->
<!--        window.setTimeout(() => {-->
<!--          $('#win-taskmgr>.menu>.focs>a>p').hide();-->
<!--        }, 50);-->
<!--        $('#win-taskmgr')[0].style.gridTemplateColumns = '78px auto';-->
<!--      }-->
<!--      else {-->
<!--        window.setTimeout(() => {-->
<!--          $('#win-taskmgr>.menu>.focs>a>p').show();-->
<!--        }, 100);-->
<!--        $('#win-taskmgr')[0].style.gridTemplateColumns = '320px auto';-->
<!--      }-->
<!--      apps.taskmgr.foldHide = !apps.taskmgr.foldHide;-->
<!--    },-->
<!--    load: (init_all = true) => {-->
<!--      if (init_all == true) {-->
<!--        const performance = $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph')[0];-->
<!--        performance.$$('.graph-cpu>.information>.left>div:nth-child(3)>.value')[0].innerText = apps.taskmgr.tasks.length;-->

<!--        apps.taskmgr.cpuChart = performance.$$('.graph-cpu>.graph>.chart')[0];-->
<!--        apps.taskmgr.cpuBg = performance.$$('.graph-cpu>.graph>.bg')[0];-->
<!--        apps.taskmgr.cpuBg.innerHTML = '<g class="col"></g><g class="row"></g>';-->
<!--        apps.taskmgr.cpuChart.innerHTML = '<path d="M 6000 1000" stroke="#2983cc" stroke-width="3px" fill="#2983cc22" />';-->

<!--        apps.taskmgr.memoryChart = performance.$$('.graph-memory>.graph>.chart')[0];-->
<!--        apps.taskmgr.memoryBg = performance.$$('.graph-memory>.graph>.bg')[0];-->
<!--        apps.taskmgr.memoryBg.innerHTML = '<g class="col"></g><g class="row"></g>';-->
<!--        apps.taskmgr.memoryChart.innerHTML = '<path d="M 6000 1000" stroke="#660099" stroke-width="3px" fill="#66009922" />';-->

<!--        apps.taskmgr.memory2Elt = performance.$$('.graph-memory>.graph2>.chart')[0];-->

<!--        apps.taskmgr.diskChart = performance.$$('.graph-disk>.graph>.chart')[0];-->
<!--        apps.taskmgr.diskBg = performance.$$('.graph-disk>.graph>.bg')[0];-->
<!--        apps.taskmgr.diskBg.innerHTML = '<g class="col"></g><g class="row"></g>';-->
<!--        apps.taskmgr.diskChart.innerHTML = '<path d="M 6000 1000" stroke="#008000" stroke-width="3px" fill="#00800022" />';-->

<!--        apps.taskmgr.disk2Chart = performance.$$('.graph-disk>.graph2>.chart')[0];-->
<!--        apps.taskmgr.disk2Bg = performance.$$('.graph-disk>.graph2>.bg')[0];-->
<!--        apps.taskmgr.disk2Bg.innerHTML = '<g class="col"></g><g class="row"></g>';-->
<!--        apps.taskmgr.disk2Chart.innerHTML = '<path d="M 6000 1000" stroke="#008000" stroke-width="3px" fill="#00800022" /><path d="M 6000 1000" stroke="#008000" stroke-width="3px" fill="none" stroke-dasharray="15, 15" />';-->

<!--        apps.taskmgr.wifiChart = performance.$$('.graph-wifi>.graph>.chart')[0];-->
<!--        apps.taskmgr.wifiBg = performance.$$('.graph-wifi>.graph>.bg')[0];-->
<!--        apps.taskmgr.wifiChart.innerHTML = '<path d="M 6000 1000" stroke="#8e5829" stroke-width="3px" fill="#8e582922" /><path d="M 6000 1000" stroke="#8e5829" stroke-width="3px" fill="none" stroke-dasharray="10, 10" />';-->
<!--        apps.taskmgr.wifiBg.innerHTML = '<g class="col"></g><g class="row"></g>';-->

<!--        apps.taskmgr.gpu3Chart = performance.$$('.graph-gpu>.graphs>svg')[0];-->
<!--        apps.taskmgr.gpu3Chart.innerHTML = '<path d="M 6000 1000" stroke="#2983cc" stroke-width="3px" fill="#2983cc22" />';-->

<!--        for (var i = 1; i <= 4; i++) {-->
<!--          apps.taskmgr.gpuChart[i-1] = performance.$$('.graph-gpu>.graphs>.graph' + i + '>.chart>.chart')[0];-->
<!--          apps.taskmgr.gpuChart[i-1].innerHTML = '<path d="M 6000 1000" stroke-width="3px" stroke="#2983cc" fill="#2983cc22" />';-->
<!--          apps.taskmgr.gpuBg[i-1] = performance.$$('.graph-gpu>.graphs>.graph' + i + '>.chart>.bg')[0];-->
<!--          apps.taskmgr.gpuBg[i-1].innerHTML = '<g class="col"></g><g class="row"></g>';-->
<!--        }-->
<!--        for (var i = 1; i <= 2; i++) {-->
<!--          apps.taskmgr.gpu2Chart[i-1] = performance.$$('.graph-gpu>.gpu2-' + i + '>.chart')[0];-->
<!--          apps.taskmgr.gpu2Bg[i-1] = performance.$$('.graph-gpu>.gpu2-' + i + '>.bg')[0];-->
<!--          apps.taskmgr.gpu2Bg[i-1].innerHTML = '<g class="col"></g><g class="row"></g>';-->
<!--          apps.taskmgr.gpu2Chart[i-1].innerHTML = '<path d="M 6000 1000" stroke-width="3px" stroke="#2983cc" fill="#2983cc22" />';-->
<!--        }-->
<!--      }-->

<!--      if (apps.taskmgr.preLoaded != true && apps.taskmgr.loaded != true) {-->
<!--        apps.taskmgr.gpuMemory.private = Number((Math.random() * 4).toFixed(2));-->
<!--        apps.taskmgr.gpuMemory.public = Number((Math.random() * 4).toFixed(2));-->
<!--        apps.taskmgr.generateProcesses();-->
<!--        apps.taskmgr.sort();-->
<!--        apps.taskmgr.loadProcesses();-->
<!--        apps.taskmgr.performanceLoad();-->
<!--      }-->

<!--      if (init_all == true) {-->
<!--        apps.taskmgr.gpuMemory.private = Number((Math.random() * 4).toFixed(2));-->
<!--        apps.taskmgr.gpuMemory.public = Number((Math.random() * 4).toFixed(2));-->
<!--        apps.taskmgr.loadProcesses();-->
<!--        apps.taskmgr.generateProcesses();-->
<!--        apps.taskmgr.sort();-->
<!--        apps.taskmgr.performanceLoad();-->
<!--        apps.taskmgr.drawGrids();-->
<!--        apps.taskmgr.handle = window.setInterval(() => {-->
<!--          apps.taskmgr.loadProcesses();-->
<!--          apps.taskmgr.generateProcesses();-->
<!--          apps.taskmgr.sort();-->
<!--          apps.taskmgr.performanceLoad();-->
<!--          apps.taskmgr.loadGraph();-->
<!--          apps.taskmgr.gridLine();-->
<!--          apps.taskmgr.memory2Elt.style.width = apps.taskmgr.memory + '%';-->
<!--        }, 1000);-->
<!--      }-->
<!--      else if (apps.taskmgr.loaded != true && apps.taskmgr.preLoaded != true) {-->
<!--        apps.taskmgr.handle = window.setInterval(() => {-->
<!--          apps.taskmgr.loadProcesses();-->
<!--          apps.taskmgr.generateProcesses();-->
<!--          apps.taskmgr.sort();-->
<!--          apps.taskmgr.performanceLoad();-->
<!--        }, 1000);-->
<!--      }-->
<!--    },-->
<!--    page: (name) => {-->
<!--      $('#win-taskmgr>.main>.cnt.' + name).scrollTop(0);-->
<!--      $('#win-taskmgr>.main>.cnt.show').removeClass('show');-->
<!--      $('#win-taskmgr>.main>.cnt.' + name).addClass('show');-->
<!--      $('#win-taskmgr>.menu>list.focs>a.check').removeClass('check');-->
<!--      $('#win-taskmgr>.menu>list.focs>a.' + name).addClass('check');-->
<!--      if (!(name == 'processes' || name == '404')) {-->
<!--        document.getElementById('tsk-search').style.display = 'none';-->
<!--      } else {-->
<!--        document.getElementById('tsk-search').style.display = '';-->
<!--      }-->
<!--    },-->
<!--    graph: (name) => {-->
<!--      $('#win-setting>.page>.cnt.' + name).scrollTop(0);-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.show').removeClass('show');-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.' + name).addClass('show');-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.check').removeClass('check');-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.' + name).addClass('check');-->
<!--    },-->
<!--    generateProcesses: () => {-->
<!--      let processList = [];-->
<!--      let max = 100 / apps.taskmgr.tasks.length;-->
<!--      let cpusum = 0, memorysum = 0, disksum = 0, diskUsing = Number(Math.random()) > 0.7/*, color = window.getComputedStyle(page, null).getPropertyValue('&#45;&#45;href')*/;-->
<!--      var search_len = 0;-->
<!--      for (const elt of apps.taskmgr.tasks) {-->
<!--        let cpu = Number((Math.random() * max).toFixed(1)),-->
<!--            memory = apps.taskmgr.memory != 0 ? apps.taskmgr.memory / apps.taskmgr.tasks.length + Number(((Math.random() - 0.5) / 5).toFixed(1)) : Number((Math.random() * max).toFixed(1)),-->
<!--            disk = Number((Math.random() * max).toFixed(1)) > (max / 1.2) && diskUsing ? max * Number(Math.random().toFixed(1)) : 0;-->
<!--        cpusum = Number((cpusum + cpu).toFixed(1));-->
<!--        memorysum = Number((memorysum + memory).toFixed(1));-->
<!--        disksum = Number((disksum + disk).toFixed(1));-->
<!--        if (document.getElementById('tsk-search').value != '' && document.getElementById('tsk-search').style.display == '' && (!elt.name.toLowerCase().includes(document.getElementById('tsk-search').value.toLowerCase()))) {-->
<!--          continue;-->
<!--        }-->
<!--        processList.splice(processList.length, 0, {-->
<!--          name: elt.name,-->
<!--          icon: elt.icon || '',-->
<!--          system: elt.system,-->
<!--          cpu: cpu,-->
<!--          memory: memory,-->
<!--          disk: disk-->
<!--        });-->
<!--        search_len++;-->
<!--      }-->
<!--      if (search_len == 0) {-->
<!--        apps.taskmgr.page('404');-->
<!--      }-->
<!--      else {-->
<!--        if ($('#tsk-search').val() != '' && $('#tsk-search')[0].style.display == '') {-->
<!--          apps.taskmgr.page('processes');-->
<!--        }-->
<!--      }-->
<!--      apps.taskmgr.cpu = cpusum;-->
<!--      apps.taskmgr.memory = memorysum;-->
<!--      apps.taskmgr.disk = disksum;-->
<!--      apps.taskmgr.processList = processList;-->

<!--    },-->
<!--    loadProcesses: (processList = apps.taskmgr.processList) => {-->
<!--      const processContainer = $('#win-taskmgr>.main>.cnt.processes tbody.view')[0];-->
<!--      const values = $('#win-taskmgr>.main>.cnt.processes thead>tr>th>.value');-->
<!--      const cpu = values[0], memory = values[1], disk = values[2];-->
<!--      let selected;-->
<!--      if ($('#win-taskmgr>.main>.cnt.processes tbody.view>tr.select>td:first-child>.text')[0]) {-->
<!--        selected = $('#win-taskmgr>.main>.cnt.processes tbody.view>tr.select>td:first-child>.text')[0].innerText;-->
<!--      }-->
<!--      let max = 100 / apps.taskmgr.tasks.length;-->
<!--      processContainer.innerHTML = '';-->
<!--      for (const elt of processList) {-->
<!--        const newElt = document.createElement('tr');-->
<!--        newElt.classList.add('notrans');-->
<!--        newElt.innerHTML = `<td><div class="text"><div class="icon" style="background-image: url('${elt.icon ? elt.icon : ''}');"></div>${elt.name}</div></td><td style="text-align: right;background-color: ${page.classList.contains('dark') ? '#193662' : '#7ec6ec'}${elt.cpu >= (max / 1.3) ? 'ff' : 'aa'};">${elt.cpu.toFixed(1)}%</td><td style="text-align: right;background-color: ${page.classList.contains('dark') ? '#193662' : '#7ec6ec'}${elt.memory >= (max / 1.3) ? 'ff' : 'aa'};">${elt.memory.toFixed(1)}%</td><td style="text-align: right;background-color: ${page.classList.contains('dark') ? '#193662' : '#7ec6ec'}${elt.disk >= (max / 1.3) ? 'ff' : 'aa'};">${elt.disk.toFixed(1)}%</td><td>${['非常低', '非常低', '非常低', '低', '中'][Math.floor(Math.random() * 5)]}</td>`;-->
<!--        if (elt.name == selected) {-->
<!--          newElt.classList.add('select');-->
<!--        }-->
<!--        processContainer.appendChild(newElt);-->
<!--        newElt.onclick = function () {-->
<!--          apps.taskmgr.selectProcess(this);-->
<!--        };-->
<!--        newElt.oncontextmenu = function (e) {-->
<!--          return showcm(e, 'taskmgr.processes', elt.name);-->
<!--        };-->
<!--        window.setTimeout(() => {-->
<!--          newElt.classList.remove('notrans');-->
<!--        }, 100);-->
<!--      }-->
<!--      cpu.innerText = apps.taskmgr.cpu.toFixed(1) + '%';-->
<!--      memory.innerText = apps.taskmgr.memory.toFixed(1) + '%';-->
<!--      disk.innerText = apps.taskmgr.disk.toFixed(1) + '%';-->
<!--    },-->
<!--    sort: (processList = apps.taskmgr.processList, type = apps.taskmgr.sortType, order = apps.taskmgr.sortOrder) => {-->
<!--      processList.sort((a, b) => {-->
<!--        if (a[type] > b[type]) {-->
<!--          return order == 'up-down' ? -1 : 1;-->
<!--        }-->
<!--        else if (a[type] <= b[type]) {-->
<!--          return order == 'up-down' ? 1 : -1;-->
<!--        }-->
<!--      });-->
<!--      apps.taskmgr.processList = processList;-->
<!--    },-->
<!--    performanceLoad: () => {-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-cpu>.information>.left>div:nth-child(1)>.value')[0].innerText = `${apps.taskmgr.cpu.toFixed(1)}%`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-cpu>.information>.left>div:nth-child(2)>.value')[0].innerText = `${(3200 / 100 * apps.taskmgr.cpu).toFixed(1)} GHz`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-cpu>.information>.left>div:nth-child(4)>.value')[0].innerText = `${apps.taskmgr.tasks.length * (5 + Math.floor(Math.random() * 5))}`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-cpu>.information>.left>div:nth-child(5)>.value')[0].innerText = `${apps.taskmgr.tasks.length * (10 + Math.floor(Math.random() * 20))}`;-->
<!--      let sec = apps.taskmgr.cpuRunningTime;-->
<!--      let min = Math.floor(sec / 60);-->
<!--      sec %= 60;-->
<!--      let hour = Math.floor(min / 60);-->
<!--      min %= 60;-->
<!--      let day = Math.floor(hour / 24);-->
<!--      hour %= 24;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-cpu>.information>.left>div:nth-child(6)>.value')[0].innerText = `${day}:${String(hour).length < 2 ? '0' : ''}${hour}:${String(min).length < 2 ? '0' : ''}${min}:${String(sec).length < 2 ? '0' : ''}${sec}`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.graph-cpu>.right>.data>.value1')[0].innerText = `${apps.taskmgr.cpu.toFixed(1)}%`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.graph-cpu>.right>.data>.value2')[0].innerText = `${(3200 / 100 * apps.taskmgr.cpu).toFixed(1)}GHz`;-->

<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-memory>.information>.left>div:nth-child(1)>.value')[0].innerText = `${apps.taskmgr.memory.toFixed(1)} GB (0 MB)`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-memory>.information>.left>div:nth-child(2)>.value')[0].innerText = `${(100 - apps.taskmgr.memory).toFixed(1)} GB`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-memory>.information>.left>div:nth-child(3)>.value')[0].innerText = `${(apps.taskmgr.memory - 2).toFixed(1)} / 100 GB`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-memory>.information>.left>div:nth-child(4)>.value')[0].innerText = `${(apps.taskmgr.memory / 2).toFixed(2)} GB`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.graph-memory>.right>.data>.value1')[0].innerText = `${apps.taskmgr.memory.toFixed(1)} / 100 GB`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.graph-memory>.right>.data>.value2')[0].innerText = `${apps.taskmgr.memory.toFixed(1)}%`;-->

<!--      apps.taskmgr.diskSpeed.read = apps.taskmgr.disk != 0 ? (Math.random() * 100).toFixed(2) : 0;-->
<!--      apps.taskmgr.diskSpeed.write = apps.taskmgr.disk != 0 ? (Math.random() * 100).toFixed(2) : 0;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-disk>.information>.left>div:nth-child(1)>.value')[0].innerText = `${apps.taskmgr.disk}%`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-disk>.information>.left>div:nth-child(2)>.value')[0].innerText = `${apps.taskmgr.disk != 0 ? Math.random().toFixed(2) : 0} 毫秒`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-disk>.information>.left>div:nth-child(3)>.value')[0].innerText = `${apps.taskmgr.diskSpeed.read} ${apps.taskmgr.disk != 0 ? 'MB/秒' : 'KB/秒'}`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-disk>.information>.left>div:nth-child(4)>.value')[0].innerText = `${apps.taskmgr.diskSpeed.write} ${apps.taskmgr.disk != 0 ? 'MB/秒' : 'KB/秒'}`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.graph-disk>.right>.data>.value2')[0].innerText = `${apps.taskmgr.disk}%`;-->

<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.graph-gpu>.right>.data>.value2')[0].innerText = `${apps.taskmgr.gpu.usage.toFixed(1)}%`;-->

<!--      apps.taskmgr.gpu.d3 = Number((Math.random() * 15).toFixed(2));-->
<!--      apps.taskmgr.gpu.copy = Number((Math.random() * 15).toFixed(2));-->
<!--      apps.taskmgr.gpu.videop = Number((Math.random() * 15).toFixed(2));-->
<!--      apps.taskmgr.gpu.videod = Number((Math.random() * 15).toFixed(2));-->
<!--      apps.taskmgr.gpu.usage = Number(((apps.taskmgr.gpu.d3 + apps.taskmgr.gpu.copy + apps.taskmgr.gpu.videop + apps.taskmgr.gpu.videod) / 4).toFixed(1));-->

<!--      apps.taskmgr.wifi.receive = Number((Math.random() * 100).toFixed(2));-->
<!--      apps.taskmgr.wifi.send = Number((Math.random() * 100).toFixed(2));-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-wifi>.information>.left>div:nth-child(1)>.value')[0].innerText = `${apps.taskmgr.wifi.send.toFixed(2)} Mbps`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.performance-graph>.graph-wifi>.information>.left>div:nth-child(2)>.value')[0].innerText = `${apps.taskmgr.wifi.receive.toFixed(2)} Mbps`;-->
<!--      $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu>.graph-wifi>.right>.data>.value2')[0].innerText = `发送: ${apps.taskmgr.wifi.send} 接收: ${apps.taskmgr.wifi.receive} Mbps`;-->
<!--    },-->
<!--    drawGraph: (chart, data, nth = 0) => {-->
<!--      var path = $(chart.querySelectorAll('path')[nth]).attr('d');-->
<!--      path = path.replace(/ L 6000 1000$/, '');-->
<!--      var pathl = path.split(' ');-->
<!--      var newPath = '';-->
<!--      var sum = 0, head = 0;-->
<!--      for (var i = 0; i < pathl.length; i += 3) {-->
<!--        const arg = pathl[i];-->
<!--        if (arg == 'M' && Number(pathl[i + 1]) > 0) {-->
<!--          pathl[i + 1] = Number(pathl[i + 1]) - 100;-->
<!--          pathl[i + 2] = pathl[i + 2];-->
<!--        }-->
<!--        else if (arg == 'M' && Number(pathl[i + 1]) <= 0) {-->
<!--          pathl[i + 1] = 0;-->
<!--          pathl[i + 2] = 1000;-->
<!--        }-->
<!--        else if (arg == 'L') {-->
<!--          if (sum == 0) {-->
<!--            head = i;-->
<!--          }-->
<!--          else if (sum >= 60) {-->
<!--            pathl.splice(head, 3);-->
<!--            sum&#45;&#45;;-->
<!--            i -= 3;-->
<!--          }-->
<!--          pathl[i + 1] = Number(pathl[i + 1]) - 100;-->
<!--          sum++;-->
<!--        }-->
<!--      }-->
<!--      pathl.push('L', '6000', 1000 - data, 'L', '6000', '1000');-->
<!--      window.setTimeout(() => {-->
<!--        $(chart.querySelectorAll('path')[nth]).attr('d', '');-->
<!--        for (const arg of pathl) {-->
<!--          if (!(arg === '')) {-->
<!--            newPath += arg + ' ';-->
<!--          }-->
<!--        }-->
<!--        newPath = newPath.substring(0, newPath.length - 1);-->
<!--        $(chart.querySelectorAll('path')[nth]).attr('d', newPath);-->
<!--      }, apps.taskmgr.delay);-->
<!--    },-->
<!--    loadGraph: () => {-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.cpuChart, apps.taskmgr.cpu * 10);-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.memoryChart, apps.taskmgr.memory * 10);-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.diskChart, apps.taskmgr.disk * 10);-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.disk2Chart, apps.taskmgr.diskSpeed.read * 10, 0);-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.disk2Chart, apps.taskmgr.diskSpeed.write * 10, 1);-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.wifiChart, apps.taskmgr.wifi.receive * 10, 0);-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.wifiChart, apps.taskmgr.wifi.send * 10, 1);-->
<!--      for (var i = 0; i < 4; i++) {-->
<!--        apps.taskmgr.drawGraph(apps.taskmgr.gpuChart[i], apps.taskmgr.gpu[['d3', 'copy', 'videop', 'videod'][i]] * 10);-->
<!--      }-->
<!--      for (var i = 0; i < 2; i++) {-->
<!--        apps.taskmgr.drawGraph(apps.taskmgr.gpu2Chart[i], apps.taskmgr.gpuMemory[['private', 'public'][i]] * (i == 1 ? (1000 / 32) : (1000 / 16)));-->
<!--      }-->
<!--      apps.taskmgr.drawGraph(apps.taskmgr.gpu3Chart, apps.taskmgr.gpu.usage * 10);-->
<!--      const menu = $('#win-taskmgr>.main>.cnt.performance>.content>.select-menu')[0];-->
<!--      menu.$$('.graph-cpu svg')[0].innerHTML = apps.taskmgr.cpuChart.innerHTML;-->
<!--      menu.$$('.graph-memory svg')[0].innerHTML = apps.taskmgr.memoryChart.innerHTML;-->
<!--      menu.$$('.graph-disk svg')[0].innerHTML = apps.taskmgr.diskChart.innerHTML;-->
<!--      menu.$$('.graph-wifi svg')[0].innerHTML = apps.taskmgr.wifiChart.innerHTML;-->
<!--      menu.$$('.graph-gpu svg')[0].innerHTML = apps.taskmgr.gpu3Chart.innerHTML;-->
<!--    },-->
<!--    changeSort: (elt, type) => {-->
<!--      for (const _elt of $('#win-taskmgr>.main>.cnt.processes thead>tr>th>i')) {-->
<!--        _elt.className = 'bi';-->
<!--      }-->
<!--      if (apps.taskmgr.sortOrder == 'up-down' && apps.taskmgr.sortType == type) {-->
<!--        elt.className = 'bi bi-chevron-up';-->
<!--        apps.taskmgr.sortOrder = 'down-up';-->
<!--        apps.taskmgr.sort(apps.taskmgr.processList, type, 'down-up');-->
<!--      }-->
<!--      else {-->
<!--        elt.className = 'bi bi-chevron-down';-->
<!--        apps.taskmgr.sortOrder = 'up-down';-->
<!--        apps.taskmgr.sortType = type;-->
<!--        apps.taskmgr.sort(apps.taskmgr.processList, type, 'up-down');-->
<!--      }-->
<!--    },-->
<!--    gridLine: () => {-->
<!--      apps.taskmgr.changeGrids(apps.taskmgr.memoryBg);-->
<!--      apps.taskmgr.changeGrids(apps.taskmgr.cpuBg);-->
<!--      apps.taskmgr.changeGrids(apps.taskmgr.diskBg);-->
<!--      apps.taskmgr.changeGrids(apps.taskmgr.disk2Bg);-->
<!--      apps.taskmgr.changeGrids(apps.taskmgr.wifiBg);-->
<!--      apps.taskmgr.gpuBg.forEach(function (chart) {-->
<!--        apps.taskmgr.changeGrids(chart);-->
<!--      });-->
<!--      apps.taskmgr.gpu2Bg.forEach(function (chart) {-->
<!--        apps.taskmgr.changeGrids(chart);-->
<!--      });-->
<!--    },-->
<!--    selectProcess: (elt) => {-->
<!--      $('#win-taskmgr>.main>.cnt.processes tbody.view>.select').removeClass('select');-->
<!--      $(elt).addClass('select');-->
<!--    },-->
<!--    taskkill: (name) => {-->
<!--      if (name == 'System') {-->
<!--        window.location = 'bluescreen.html';-->
<!--      }-->
<!--      else {-->
<!--        apps.taskmgr.tasks.splice(apps.taskmgr.tasks.findIndex(elt => elt.name == name), 1);-->
<!--        if (taskmgrTasks.find(elt => elt.name == name).link != null) {-->
<!--          hidewin(taskmgrTasks.find(elt => elt.name == name).link);-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    initgrids: (chart) => {-->
<!--      const column = chart.querySelector('g.col'), row = chart.querySelector('g.row');-->
<!--      for (var i = 0; i <= 20; i++) {-->
<!--        column.innerHTML += `<path d="M ${i * 300} 0 L ${i * 300} 1000 Z" stroke="#aeaeae" fill="none" />`;-->
<!--      }-->
<!--      for (var i = 0; i <= 10; i++) {-->
<!--        row.innerHTML += `<path d="M 0 ${i * 100} L 6000 ${i * 100} Z" stroke="#aeaeae" fill="none" />`;-->
<!--      }-->
<!--    },-->
<!--    drawGrids: () => {-->
<!--      apps.taskmgr.initgrids(apps.taskmgr.cpuBg);-->
<!--      apps.taskmgr.initgrids(apps.taskmgr.diskBg);-->
<!--      apps.taskmgr.initgrids(apps.taskmgr.memoryBg);-->
<!--      apps.taskmgr.initgrids(apps.taskmgr.disk2Bg);-->
<!--      apps.taskmgr.initgrids(apps.taskmgr.wifiBg);-->
<!--      for (var i = 0; i < 4; i++) {-->
<!--        apps.taskmgr.initgrids(apps.taskmgr.gpuBg[i]);-->
<!--      }-->
<!--      for (var i = 0; i < 2; i++) {-->
<!--        apps.taskmgr.initgrids(apps.taskmgr.gpu2Bg[i]);-->
<!--      }-->
<!--    },-->
<!--    changeGrids: (chart) => {-->
<!--      const grid = chart.querySelectorAll('g.col>path');-->
<!--      for (const elt of grid) {-->
<!--        let path = $(elt).attr('d').split(' ');-->
<!--        for (var i = 0; i < path.length; i++) {-->
<!--          if (path[i] == 'M' || path[i] == 'L') {-->
<!--            var cur = Number(path[i+1]);-->
<!--            cur -= 100;-->
<!--            if (cur < 0) {-->
<!--              cur = (300 - (-cur)) + 6000;-->
<!--            }-->
<!--            path[i+1] = String(cur);-->
<!--          }-->
<!--        }-->
<!--        $(elt).attr('d', '');-->
<!--        let tmp = '';-->
<!--        for (const comp of path) {-->
<!--          tmp += comp + ' ';-->
<!--        }-->
<!--        $(elt).attr('d', tmp);-->
<!--        console.log($(elt).attr('d'));-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--}-->

<!--</script>-->


<!--<style scoped>-->


<!--#win-taskmgr {-->
<!--  display: grid;-->
<!--  grid-template-columns: 280px auto;-->
<!--  transition: grid-template-columns 200ms;-->
<!--  & > .menu {-->

<!--    & > list.focs {-->
<!--      margin: 0px 15px 0px 5px;-->
<!--      position: relative;-->
<!--      height: 100%;-->

<!--      & > a {-->
<!--        padding: 5px 20px;-->
<!--        font-size: 15px;-->
<!--        display: flex;-->
<!--        gap: 10px;-->
<!--        margin-bottom: 3px;-->
<!--        overflow: hidden;-->

<!--        & > p {-->
<!--          overflow-x: auto;-->
<!--          display: flex;-->
<!--          align-items: center;-->
<!--        }-->

<!--        &.check {-->
<!--          background-color: var(&#45;&#45;hover);-->
<!--        }-->
<!--      }-->
<!--    }-->

<!--    /* 折叠按钮 */-->

<!--    & > .fold {-->
<!--      padding: 5px 20px;-->
<!--      margin-left: 5px;-->
<!--      display: block;-->
<!--      border-radius: 7px;-->
<!--      max-width: 58px;-->
<!--      margin-bottom: 3px;-->
<!--      transition: 80ms, transform 400ms cubic-bezier(0.14, 1.02, 0.17, 0.03) !important;-->

<!--      &:hover {-->
<!--        color: #000000;-->
<!--        background-color: var(&#45;&#45;hover-half);-->
<!--        text-decoration: none;-->
<!--        box-shadow: 0 1px 2px var(&#45;&#45;s3d);-->
<!--      }-->

<!--      &:active {-->
<!--        transform: scale(0.93);-->
<!--        filter: opacity(0.75);-->
<!--      }-->
<!--    }-->
<!--  }-->

<!--  /* 右侧内容区 */-->

<!--  & > .main {-->
<!--    max-height: 100%;-->
<!--    min-height: 0px;-->
<!--    background-color: var(&#45;&#45;bg70);-->
<!--    padding: 15px;-->
<!--    border-radius: 10px 0px 0px 0px;-->

<!--    /* 页面 */-->

<!--    & > .cnt {-->
<!--      transition: transform 300ms cubic-bezier(0, 0, 0, 1), opacity 300ms 50ms, height 0ms, padding 0ms;-->
<!--      transform: translate(0, 50%);-->
<!--      opacity: 0;-->
<!--      height: 0px;-->
<!--      padding: 0px;-->
<!--      overflow: hidden;-->

<!--      & > .tit {-->
<!--        font-size: 1.2em;-->
<!--      }-->

<!--      &.show {-->
<!--        height: 100%;-->
<!--        transform: none !important;-->
<!--        opacity: 1;-->
<!--        overflow-y: auto;-->
<!--        min-height: 0px;-->
<!--      }-->


<!--      &.processes {-->
<!--        &.show {-->
<!--          display: flex;-->
<!--          flex-direction: column;-->
<!--        }-->

<!--        /* 表格 */-->

<!--        & > table {-->
<!--          width: 100%;-->
<!--          border-spacing: 0px;-->
<!--          table-layout: fixed;-->

<!--          & th {-->
<!--            font-weight: normal !important;-->
<!--            font-size: 0.78em;-->
<!--            vertical-align: bottom;-->
<!--            /* border-left: 1px solid black; */-->
<!--            border-right: 1px solid var(&#45;&#45;hr);-->
<!--            border-bottom: 1px solid var(&#45;&#45;hr);-->
<!--            color: var(&#45;&#45;text2);-->
<!--            padding: 0px 10px;-->
<!--            position: relative;-->

<!--            & > i {-->
<!--              position: absolute;-->
<!--              left: 6%;-->
<!--              top: 10%;-->
<!--            }-->

<!--            & > .value {-->
<!--              font-size: 1.45em !important;-->
<!--              color: var(&#45;&#45;text) !important;-->
<!--            }-->

<!--            &.align-right {-->
<!--              text-align: right;-->
<!--              width: 95px;-->
<!--              transition: background-color 80ms;-->
<!--            }-->

<!--            &.power {-->
<!--              width: 120px;-->
<!--            }-->
<!--          }-->

<!--          & td {-->
<!--            border-right: 1px solid var(&#45;&#45;hr);-->
<!--            padding: 4px 10px;-->
<!--            height: 25px;-->
<!--            /* line-height: 2; */-->

<!--            & > * {-->
<!--              display: inline-block;-->
<!--            }-->

<!--            & .icon {-->
<!--              width: 21px;-->
<!--              height: 21px;-->
<!--              vertical-align: -5px;-->
<!--              margin: 0px 8px;-->
<!--              background-size: contain;-->
<!--              background-position: 50% 50%;-->
<!--              background-repeat: no-repeat;-->
<!--              display: inline-block;-->
<!--            }-->

<!--            & > .text {-->
<!--              text-overflow: ellipsis;-->
<!--              overflow: hidden;-->
<!--              line-clamp: 1;-->
<!--              -webkit-line-clamp: 1;-->
<!--              display: -moz-inline-box;-->
<!--              -webkit-box-orient: vertical;-->
<!--              vertical-align: -5px;-->
<!--              /* width: 100%; */-->
<!--            }-->
<!--          }-->

<!--          & tr.select {-->
<!--            background-color: var(&#45;&#45;hover);-->
<!--          }-->
<!--        }-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.processes > table th.align-right:hover {-->
<!--  background-color: var(&#45;&#45;hover);-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.processes > table tr:not(.title):hover {-->
<!--  background-color: var(&#45;&#45;hover);-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.processes > table tr {-->
<!--  transition: background-color 200ms;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.processes > table tr.notrans {-->
<!--  transition: none !important;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content {-->
<!--  display: grid;-->
<!--  grid-template-columns: 320px auto;-->
<!--  height: 100%;-->
<!--  min-height: 0px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu {-->
<!--  margin-right: 20px;-->
<!--  max-height: 100%;-->
<!--  overflow: auto;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * {-->
<!--  border-radius: 10px;-->
<!--  padding: 12px;-->
<!--  margin: 10px 0px;-->
<!--  transition: 80ms, transform 400ms cubic-bezier(0.14, 1.02, 0.17, 0.03) !important;-->
<!--  display: grid;-->
<!--  grid-template-columns: 120px auto;-->
<!--  gap: 10px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > *:hover {-->
<!--  background-color: var(&#45;&#45;hover-half);-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > *:active {-->
<!--  transform: scale(0.95);-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .right > .tit {-->
<!--  font-size: 1.4em;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .right > .data > * {-->
<!--  display: -moz-inline-box;-->
<!--  box-orient: vertical;-->
<!--  -webkit-box-orient: vertical;-->
<!--  line-clamp: 1;-->
<!--  -webkit-line-clamp: 1;-->
<!--  text-overflow: ellipsis;-->
<!--  overflow: hidden;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .left {-->
<!--  height: 100%;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .left > * {-->
<!--  height: 100%;-->
<!--  width: 100%;-->
<!--  border: 1px solid;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .left > .graph-view-cpu {-->
<!--  border-color: #2983cc;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .left > .graph-view-memory {-->
<!--  border-color: #660099;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .left > .graph-view-disk {-->
<!--  border-color: #008000;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .left > .graph-view-wifi {-->
<!--  border-color: #8e5829;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > * > .left > .graph-view-gpu {-->
<!--  border-color: #2983cc;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .select-menu > .check {-->
<!--  background-color: var(&#45;&#45;hover);-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph {-->
<!--  max-height: 100%;-->
<!--  overflow: auto;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * {-->
<!--  transition: transform 300ms cubic-bezier(0, 0, 0, 1), opacity 300ms 50ms, height 0ms;-->
<!--  transform: translate(0, 50%);-->
<!--  opacity: 0;-->
<!--  height: 0px;-->
<!--  overflow-y: hidden;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > .show {-->
<!--  /* display: grid !important; */-->
<!--  /* grid-template-rows: max-content auto max-content; */-->
<!--  height: 100%;-->
<!--  transform: none !important;-->
<!--  opacity: 1;-->
<!--  overflow-y: visible;-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .tit {-->
<!--  display: flex;-->
<!--  justify-content: space-between;-->
<!--  align-items: center;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .graph-msg {-->
<!--  display: flex;-->
<!--  justify-content: space-between;-->
<!--  color: var(&#45;&#45;text2);-->
<!--  font-size: 0.8em;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .graph-msg.top {-->
<!--  margin-top: 10px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .graph-msg.bottom {-->
<!--  margin-bottom: 10px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .graph,-->
<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .graph2 {-->
<!--  /* margin: 20px 0px; */-->
<!--  position: relative;-->
<!--  min-height: 120px;-->
<!--  height: 100%;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .minor {-->
<!--  height: 50px !important;-->
<!--  min-height: 50px !important;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .graph > *,-->
<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .graph2 > *,-->
<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph .graph-gpu svg {-->
<!--  width: 100%;-->
<!--  height: 100%;-->
<!--  position: absolute;-->
<!--  top: 0px;-->
<!--  left: 0px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .tit > .left-name {-->
<!--  font-size: 2em;-->
<!--  display: inline-block;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .tit > .right-message {-->
<!--  display: inline-block;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .information {-->
<!--  display: grid;-->
<!--  grid-template-columns: auto 300px;-->
<!--  gap: 20px;-->
<!--  font-size: 0.85em;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .information > .left {-->
<!--  display: flex;-->
<!--  flex-wrap: wrap;-->
<!--  gap: 15px;-->
<!--  align-items: flex-start;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .information > .left > * > .top {-->
<!--  font-size: 0.8em;-->
<!--  color: var(&#45;&#45;text2);-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .information > .left > * > .value {-->
<!--  font-size: 1.44em;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > * > .information > .right > table > tbody > tr > td:first-child {-->
<!--  color: var(&#45;&#45;text2);-->
<!--  padding-right: 20px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > .graph-gpu > .graphs {-->
<!--  position: relative;-->
<!--  display: grid;-->
<!--  grid-template-columns: 50% 50%;-->
<!--  grid-template-rows: 50% 50%;-->
<!--  height: 100%;-->
<!--  min-height: 350px;-->
<!--  gap: 10px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > .graph-gpu > .graphs > * {-->
<!--  display: flex;-->
<!--  flex-direction: column;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > .graph-gpu > .graphs > * > .title-gpu {-->
<!--  margin-bottom: 10px;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > .graph-gpu > .graphs > * > .chart {-->
<!--  position: relative;-->
<!--  width: 100%;-->
<!--  height: 100%;-->
<!--}-->

<!--#win-taskmgr > .main > .cnt.performance > .content > .performance-graph > .graph-gpu > .graphs > * canvas {-->
<!--  position: absolute;-->
<!--  top: 0px;-->
<!--  left: 0px;-->
<!--  width: 100%;-->
<!--  height: 100%;-->
<!--}-->

<!--</style>-->